page-authentication-center
{
  // 头部
  .authentication-center-header
  {
    @include office-header-style;
    .toolbar-background
    {
      @include office-background();
    }
  }

  // 认证中心信息展示
  .authentication-center-section
  {
    background-color: $office-page-background;
    .scroll-content
    {
      background-color: $office-page-background;
      // 头部个人信息
      ion-list
      {
        padding: 0;
        margin: px2rem(40) 0 px2rem(40) 0;

        // 设置样式
        >a.item, .item-block
        {
          padding-left: px2rem(32);
          height: px2rem(124);

          div.item-inner
          {
            padding-right : px2rem(49) !important;
            background: url("../assets/img/common/arrows-right.png") no-repeat right px2rem(32) center !important;
            background-size: px2rem(17) px2rem(29) !important;
            border: 0;

            // 左边
            div.input-wrapper
            {
              ion-label
              {
                margin: 0;
                ul,div,h4{
                  height: px2rem(124);
                }
                // 头部图标
                >h4
                {
                  float: left;
                  width: px2rem(44);
                  margin: 0 px2rem(37) 0 px2rem(7);
                }
                // 标题
                &>ul
                {
                  float: left;
                  color: $office-black;
                  li:nth-child(1)
                  {
                    font-size: px2rem(30);
                    height: px2rem(73);
                    line-height: px2rem(73);
                    span
                    {
                      margin-left: px2rem(8);
                      font-size: px2rem(32);
                      color: $office-light-black-nine;
                      &.required{color: $office-bank-encryption;}
                    }
                  }
                  li:nth-child(2)
                  {
                    font-size: px2rem(24);
                    color: $office-light-black-nine;
                  }
                }
                // 内容
                &>div
                {
                  float: right;
                  line-height: px2rem(124);
                  font-size: px2rem(28);
                  margin-right: px2rem(32);
                  color: $office-light-black-nine;
                  &.finished{color: $office-black;}
                }
              }
            }
          }
        }

        // 设置头部背景
        a.item:nth-child(1)
        {
          border-top: 1px solid $office-ion-item-border-color;
          div.item-inner
          {
            border-bottom: 1px solid $office-ion-item-border-color;
          }
          h4
          {
            background: url("../assets/img/authentication-center/user-info.svg") no-repeat center;
            background-size: contain;
          }
        }
        a.item:nth-child(2)
        {
          border-bottom: 1px solid $office-ion-item-border-color;
          margin-bottom: px2rem(20);
          h4
          {
            background: url("../assets/img/authentication-center/user-contacts.svg") no-repeat center;
            background-size: contain;
          }
        }
        a.item:nth-child(3)
        {
          border-top: 1px solid $office-ion-item-border-color;
          div.item-inner
          {
            border-bottom: 1px solid $office-ion-item-border-color;
          }
          h4
          {
            background: url("../assets/img/mine/me-bank.svg") no-repeat center;
            background-size: contain;
          }
        }
        a.item:nth-child(4)
        {
          border-bottom: 1px solid $office-ion-item-border-color;
          margin-bottom: px2rem(20);
          //div.item-inner
          //{
          //  border-bottom: 1px solid $office-ion-item-border-color;
          //}
          h4
          {
            background: url("../assets/img/authentication-center/operator-certification.svg") no-repeat center;
            background-size: contain;
          }
        }
        /*a.item:nth-child(5)
        {
          border-bottom: 1px solid $office-ion-item-border-color;
          margin-bottom: px2rem(20);
          h4
          {
            background: url("../assets/img/authentication-center/sesame-credit.svg") no-repeat center;
            background-size: contain;
          }
        }*/
        a.item:nth-child(5)
        {
          border-top: 1px solid $office-ion-item-border-color;
          div.item-inner
          {
            border-bottom: 1px solid $office-ion-item-border-color;
          }
          h4
          {
            background: url("../assets/img/authentication-center/work-info.svg") no-repeat center;
            background-size: contain;
          }
        }
        a.item:nth-child(6)
        {
          border-bottom: 1px solid $office-ion-item-border-color;
          h4
          {
            background: url("../assets/img/authentication-center/more-info.svg") no-repeat center;
            background-size: contain;
          }
        }

      }
      // 背景
     /* .spend-bg
      {
        width: 100%;
        height: px2rem(50);
        margin: px2rem(37) 0;
        background: url("../assets/img/authentication-center/spend-bg.png") no-repeat center;
        background-size: contain;
      }*/

    }

  }
}

